<!doctype html>
<html>

	<head>
		<meta charset="UTF-8">
		<title></title>
		<meta name="viewport" content="width=device-width,initial-scale=1,minimum-scale=1,maximum-scale=1,user-scalable=no" />
		<link href="css/mui.min.css" rel="stylesheet" />
		<link rel="stylesheet" href="css/shouye.css" />
		<link rel="stylesheet" type="text/css" href="css/gonghui.css"/>
		<link rel="stylesheet" type="text/css" href="css/ghdetail.css"/>
		<link rel="stylesheet" type="text/css" href="css/ghdaminbut.css"/>
	</head>

	<body>
		<script src="js/mui.min.js"></script>
		<script type="text/javascript">
			mui.init()
			
			window.onload = function(){
				
document.getElementById('home').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'shouye.html', 
id:'huodong'
});
});

document.getElementById('huodong').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'huodong.html', 
id:'huodong'
});
});

document.getElementById('gonghui').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'gonghui.html', 
id:'gonghui'
});
});

document.getElementById('my').addEventListener('tap', function() {
//打开关于页面
mui.openWindow({
url: 'my.html', 
id:'my'
});
});	
			}
			
		</script>
		
		<header class="mui-bar mui-bar-nav">
			
			<a class="nav-top-left"> <img src="icon/icon_0.jpg"  class="back"  width="12px" height="20px"/>
			<span id="" >
				返回
			</span>
			</a>
			<p id="title" class="mui-title title2">极战FMB</p>
			
		</header>
		
		<div id="" class="mui-content">

		</div>
		
		<div class="gh-pic">
			<a href="">
			<div class="ghdaminbut">
				<div class="ghadminpic">
					<img src="icon/ghadminbut.png"/ width="18px" height="18px">
				</div>
				<div class="ghdamin">
					<p >公会管理</p>
				</div>
				
			</div>
			</a>
			<div class="gh-logo">
				<img src="images/ghlogo.png"/ width="45px" height="45px">
				
			</div>
			<div class="gh-name">
				<p class="p1">xx工会</p>
			</div>
			<div class="gh-txt">
				<p class="p2">公会宣传语句公会宣传语句</p>
			</div>
			<div class="gh-popnub">
				<div class="poppic">
					<img src="icon/popnuber.png"/ width="20px">
				</div>
			<p class="p3">1234人</p>
			</div>
			
		</div>
		
		<div class="gh-three">
			<a href="">
			<div class="gh-huodong">
				<div class="hdong">
					<img src="icon/hdong.png"/ width="50px" height="50px">
					<p>活动</p>
				</div>
			</div>
			</a>
			
			<a href="">
			<div class="gh-xiangce">
				<div class="xiangce">
					<img src="icon/xiangce.png"/ width="50px" height="50px">
					<p>相册</p>
				</div>
			</div>
			</a>
			
			<a href="">
			<div class="gh-chengyuan">
				<div class="chengyuan">
					<img src="icon/chengyuan.png"/ width="50px" height="50px">
					<p>相册</p>
				</div>
			</div>
			</a>
		</div>
	
	
		<div class="gh-neirong">	
			<div class="gh-gonggao">
				<div class="gonggao-pic">
					<img src="icon/gonggao.png"/ width="15px" height="15px">
				</div>
			<p class="p4">公告</p>
			<p class="p5">连续签到可获超值奖励哦</p>
			</div>
		</div>	
		
		<div class="gh-neirong">	
			<div class="gh-gonggao">
				
			<p class="p6">置顶</p>
			<p class="p7">主题主题主题主题主题主题</p>
			</div>
		</div>	
		
		<div class="hd-cont">
			<p class="hd-zhuti">主题主题主题主题主题</p>
			<p class="gh-wenzhang">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
			<div class="poto clearfix">
				<div class="hd-p1">
				<img src="images/hdphot.png" width="120px" height="80px"/>
			</div>
			<div class="hd-p2">
				<img src="images/hdphot.png" width="100px" height="80px"/>
			</div>
			</div>
			
			<div class="hd-xiabiao ">
				
			
			<div class="pull-time">
				<p>发表于 2017-05-15</p>
			</div>
			
			<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
			</div>
		</div>
		
		<div class="hd-cont">
			<p class="hd-zhuti">主题主题主题主题主题</p>
			<p class="gh-wenzhang">内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容内容</p>
			<!--<div class="poto clearfix">
				<div class="hd-p1">
				<img src="images/hdphot.png" width="120px" height="80px"/>
			</div>
			<div class="hd-p2">
				<img src="images/hdphot.png" width="100px" height="80px"/>
			</div>
			</div>-->
			
			<div class="hd-xiabiao ">
				
			
			<div class="pull-time">
				<p>发表于 2017-05-15</p>
			</div>
			
			<div class="nambers">
								<span id=""class="iconnamb">
									<img src="icon/i_1.png" width="20px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_2.png" width="15px"/>
									698
								</span>
								<span id="" class="iconnamb">
									<img src="icon/i_3.png" width="15px"/>
									698
								</span>
							</div>
			</div>
		</div>
		
		<!--底部-->
		<div class="footer">
			<nav class="mui-bar mui-bar-tab">
				<a id="home" class="mui-tab-item mui-active" href="tab-webview-subpage-about.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_1.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">极战</span>
				</a>
				<a id="huodong" class="mui-tab-item" href="tab-webview-subpage-chat.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_2.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">活动</span>
				</a>
				<a id="gonghui" class="mui-tab-item" href="tab-webview-subpage-contact.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_3.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">公会</span>
				</a>
				<a class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_4.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">商城</span>
				</a>
				<a id="my" class="mui-tab-item" href="tab-webview-subpage-setting.html">
					<span class="mui-icon ">
						<img src="icon/iconnav_5.png"/ width="22px" height="21px">
					</span>
					<span class="mui-tab-label">我的</span>
				</a>
			</nav>	
		</div>	
		
	</body>

</html>